Ext.define('ProjectAON.view.overzichtLeerlingenCompetenties.Scherm15', {
    extend:'Ext.panel.Panel',
    alias:'widget.scherm15',

    title:'scherm15',


    initComponent:function () {
        Ext.applyIf(this, {
            layout:'border',
            items:[
                {
                    region:'center',
                    xtype:'panel',
                    autoScroll:true,
                    items:[
                        {
                            xtype: 'panel',
                            collapsed: true,
                            collapsible: true,
                            flex: 2,
                            title: 'Schooljaar 2011-2012',
                            collapseMode: 'header',
                            items: [
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak1',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ],
                                    store:'Portfolio'

                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak2',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak3',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak4',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak5',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak6',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                }
                            ]
                        },{
                            xtype: 'panel',
                            collapsed: true,
                            collapsible: true,
                            flex: 2,
                            title: 'Schooljaar 2012-2013',
                            collapseMode: 'header',
                            items: [
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak1',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak2',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak3',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak4',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak5',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                },
                                {
                                    xtype: 'grid',
                                    collapsed: true,
                                    collapsible: true,
                                    title: 'Vak6',
                                    titleCollapse: true,
                                    cls:'colPanel',
                                    columns: [
                                        {header:'Competentie', dataIndex: 'competentie',flex: 2 },
                                        {header:'Beoordeling', dataIndex: 'beoordeling',flex: 2 }
                                    ]
                                }
                            ]
                        }
                    ]
                },
                {
                    region:'west',
                    minWidth:200,
                    items:[
                        {
                            xtype: 'label',
                            text: 'Student(klas1)'
                        },
                        {
                            xtype:'box',
                            anchor:'',
                            isFormField:true,
                            fieldLabel:'Image',
                            autoEl:{
                                tag:'div', children:[
                                    {
                                        tag:'img', src:'/ProjectAONStorm/images/tom.jpg'
                                    }
                                ]
                            }
                        }
                    ]
                },
                {
                    region:'north',
                    items:[
                        {
                            xtype:'button',
                            text:'Terug',
                            icon:'http://whatisextjs.com/BAHO/icons/page_back.png',
                            action:'back'

                        }
                    ]
                }
            ]
        });


        this.callParent(arguments);
    }
});